<!DOCTYPE html>
<html lang="zh-cn">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <title>余享</title>
        <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
        <link href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

        <style>
            html,body,ul,li,form,*{margin: 0;padding: 0;}
            .bg{width:100%;height: 100%; min-height:100%;overflow: hidden; background:url("./app.jpg") center top no-repeat;background-size:auto 100%;}
            .ewm{width:30%;margin:110% 34% 0 35%; overflow:hidden;}
            .ewm img{width: 100%;}
            .info{width:80%; margin:15px 10%;color:rgba(0, 0, 0, 0);font-size:12px; line-height:22px; text-align:center;}
            .install{width:50%;height:40px;margin:0 25% 110px 25%; line-height:40px; border-radius:20px; background-color:#222;color:orange; text-align:center; display:block;text-decoration:none;font-size: 17px;}
            
            .weixintips{
                width: 100%;
                background-color: #444444;
                 color:#eeeeee; 
                 padding:20px 0 20px 20px; 
                 line-height:30px;
                 font-size:14px; 
                 display:none; 
                 position:fixed;
                 top:0;
                 left:0;
                 z-index:12222;}
            .weixintips img{width:40px; float:right; margin:0 20px 0 20px;}

@media only screen and (min-width:240px){
    .ewm{width:30%;margin:150% 34% 0 35%; overflow:hidden;}
}
@media only screen and (min-width : 241px) and (max-width : 320px){
}
@media only screen and (min-width : 321px) and (max-width : 375px){
    .ewm{width:30%;margin:130% 34% 0 35%; overflow:hidden;}
}
@media only screen and (min-width : 376px) and (max-width :414px){
    .ewm{width:30%;margin:140% 34% 0 35%; overflow:hidden;}
}
@media only screen and (min-width : 415px) and (max-width :568px){
}
@media only screen and (min-width : 569px) and (max-width :667px){
    .bg{width:100%;height:100%;overflow: hidden; background:url("./app.jpg") center top no-repeat;background-size:100% auto;}
}
@media only screen and (min-width : 668px) and (max-width :2048px){
    .bg{width:100%;height:100%;overflow: hidden; background:url("./app.jpg") center top no-repeat;background-size:100% auto;}
    .ewm{width:30%;margin:110% 34% 0 35%; overflow:hidden;}
}
.mask {
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display:none; 
    background-color: rgba(0, 0, 0, 0.6); /* 这里设置蒙层颜色和透明度 */
}

</style>
    </head>
    <body>
        <div class="bg">
            <div class="weixintips">
                <img src="./weixintips.png">
                点击右上角按钮，然后在弹窗的菜单中，点击再浏览器中打开，即可安装
            </div>
            <div class="mask"></div>
            <div class="ewm">
                <!-- <img src="{$version.ewmurl}"/> -->
            </div>
            <div class="info">版本：1.88 大小：25 MB <br/>更新时间 ：2023-11-06</div>
           
            <a class="install " href="">APP下载安装</a>
        </div>
        <input type="hidden" id="fuid" value="{$fuid}"/>

        
        <!-- jQuery -->
        <script src="https://cdn.staticfile.org/jquery/2.1.4/jquery.min.js"></script>

        <!-- Bootstrap Core JavaScript -->
        <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

        <script type="text/javascript">
            function judgeBrand(sUserAgent) { 
                var isIphone = sUserAgent.match(/iphone/i) == "iphone";
                var isHuawei = sUserAgent.match(/huawei/i) == "huawei";
                var isHonor = sUserAgent.match(/honor/i) == "honor";
                var isOppo = sUserAgent.match(/oppo/i) == "oppo";
                var isOppoR15 = sUserAgent.match(/pacm00/i) == "pacm00";
                var isVivo = sUserAgent.match(/vivo/i) == "vivo";
                var isXiaomi = sUserAgent.match(/mi\s/i) == "mi ";
                var isXiaomi2s = sUserAgent.match(/mix\s/i) == "mix ";
                var isRedmi = sUserAgent.match(/redmi/i) == "redmi";
                var isSamsung = sUserAgent.match(/sm-/i) == "sm-";
                if (isIphone) { 
                    return 'iphone';
                } else if (isHuawei || isHonor) { 
                    return 'huawei';
                } else if (isOppo || isOppoR15) { 
                    return 'oppo';
                } else if (isVivo) { 
                    return 'vivo';
                } else if (isXiaomi || isRedmi || isXiaomi2s) { 
                    return 'xiaomi';
                } else if (isSamsung) { 
                    return 'samsung';
                } else { 
                    return 'default';
                }
            }
            var brand = judgeBrand(navigator.userAgent.toLowerCase()); //调用机型判断

            if(brand == 'iphone'){
                $('.install').attr('href','https://apps.apple.com/cn/app/%E4%BD%99%E4%BA%AB/id6462672152');
            }else{
                if(brand == 'huawei'){
                    $('.install').attr('href','appmarket://details?id=app.yuxiang');
                }else if(brand == 'oppo'){
                    $('.install').attr('href','oppomarket://details?id=app.yuxiang');
                }else if(brand == 'vivo'){
                    $('.install').attr('href','vivomarket://details?id=app.yuxiang');
                }else if(brand == 'xiaomi'){
                    $('.install').attr('href','mimarket://details?id=app.yuxiang');
                }else if(brand == 'samsung'){
                    $('.install').attr('href','samsungapps://details?id=app.yuxiang');
                }
            }
            //判断是否是微信浏览器的函数
            function isWeiXin(){
                var ua = window.navigator.userAgent.toLowerCase();
                if(ua.match(/MicroMessenger/i) == 'micromessenger'){
                    return true;
                }else{
                    return false;
                }
            }
            $(function(){
                if(isWeiXin()){
                    $(".weixintips").slideDown("slow");
                    $(".mask").css('display','block')
                } 
            });
        </script>

    </body>
</html>

